<script setup lang="ts">
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import { useToggle,useDark } from '@vueuse/core'

const locale = zhCn
const isDark = useDark({
  storageKey: 'theme-appearance',
})
const toggleDark = useToggle(isDark)


</script>

<template>
  <!-- <button @click="toggleDark()">
    <i inline-block align-middle i="dark:carbon-moon carbon-sun" />
    <span class="ml-2">{{ isDark ? 'Dark' : 'Light' }}</span>
  </button> -->
  <el-config-provider :locale="locale">
  <router-view/>
</el-config-provider>
</template>

<style>

/* 滚动条样式 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background-color: #c0c0c0;
  border-radius: 3px;
}
</style>